Page({
  data: {
    longitude: 0,
    latitude: 0,
    markers: []
  },

  onLoad() {
    this.ctx = wx.createMapContext("map")
  },

  onReady() {

    wx.getLocation({
      type: 'wgs84',
      success: (res) => {
        let { longitude, latitude } = res
        this.setData({
          longitude,
          latitude
        })
      }
    })
    
    // wx.request({
    //   url: 'http://localhost:9000/data',
    //   success: (res) => {
    //     let markers = res.data.map((point) => {
    //       let { id, latitude, longitude, type} = point
    //       return {
    //         id,
    //         latitude,
    //         longitude,
    //         iconPath: `/resources/${type}.png`,
    //         height: '80rpx',
    //         width: '80rpx'
    //       }
    //     })
    //     this.setData({
    //       markers
    //     })
    //   }
    // })

    const db = wx.cloud.database()

    db.collection('minipet')
      .get({
        success: (res) => {
          console.log(res)
          // res.data 是包含以上定义的两条记录的数组
          let markers = res.data.map((point) => {
            let { _id, latitude, longitude, type} = point
            return {
              id: _id,
              latitude,
              longitude,
              iconPath: `/resources/${type}.png`,
              height: '80rpx',
              width: '80rpx'
            }
          })
          
          this.setData({
            markers
          })
        }
      })
  },

  handleCenterTap() {
    this.ctx.moveToLocation()
  },

  handleMarkerTap(e) {
    const id = e.detail.markerId
    wx.navigateTo({
      url: '/pages/detail/index?id=' + id,
    })
  },

  handleSearchTap(e) {
    wx.navigateTo({
      url: '/pages/search/index',
    })
  }
})